草庐IT

CSS 文本格式

全部标签

javascript - 文本替换后匹配子字符串的光标位置

这个问题在这里已经有了答案:Correctsubstringpositionafterreplacement(1个回答)关闭5年前。长话短说我有替换文本、字符串和光标位置(一个数字)的函数,如果字符串的长度发生变化,我需要为使用替换函数创建的新字符串获取更正的位置(一个数字):inputandcursorposition:fooba|rtextreplacement:foo->baz_text,bar->quux_textresult:baz_textqu|ux_texttextinputandcursorposition:foobar|textreplacement:foo->baz

javascript - Ionic 和 Angular 2 - 拒绝应用来自 'http://localhost:8100/build/main.css' 的样式,因为它的 MIME 类型 ('text/html' 不受支持

我的Ionic在我想在我的iPhone上进行测试之前,build一直运行良好,所以我停止了我的服务器,做了一个ionicserve--addresslocalhost,我注意到我的样式表不再加载了......所以我再次杀死服务器回到ionicserve并且错误仍然存​​在......(index):1Refusedtoapplystylefrom'http://localhost:8100/build/main.css'becauseitsMIMEtype('text/html')isnotasupportedstylesheetMIMEtype,andstrictMIMEchecki

javascript - 如何使用 vue-test-utils 测试 CSS 框架自定义组件

我使用的是BuefyCSS框架,它提供自定义vue-js组件,例如和,我在测试时遇到了问题标签。import{shallowMount,createLocalVue}from'@vue/test-utils'importBInputPracticefrom'../BInputPractice.vue'importBuefyfrom'buefy'constlocalVue=createLocalVue()localVue.use(Buefy)describe('b-inputPractice',()=>{it('updatesthenamedataproperty',()=>{const

javascript - 无法断言 css 宽度为 100%

我试图断言NightwatchJS中某个元素的CSS宽度为100%,但它未能说明宽度为196像素。错误信息是:Testingifelementhascssproperty"width:100%".-Expected"100%"butgot:"196px"我曾尝试使用以下语法来实现相同的目的:page.assert.cssProperty(`@button-element`,'width','100%');page.expect.element(`@${element}`).to.have.css("width").which.equals("100%");我不想使用硬编码值,因为它们会

javascript - 从 json 文件中获取文本值

我正在借助此codepen1从JSON中获取图像:https://codepen.io/kidsdial/pen/Qomgva现在除了图像,我还需要获取文本,所以我尝试了codepen2:https://codepen.io/kidsdial/pen/bZvRgR,但文本未显示....文本“GoodFoodGoodlife”应如下图所示:vartarget;letjsonData={"layers":[{"x":0,"layers":[{"x":0,"src":"Y1rcR8A.jpg","y":0},{"x":476,"src":"0x7hnlG.png","y":326},{"ju

javascript - TinyMCE 正在改变我的内联 CSS

我在HTML编辑器中输入:我点击更新,然后再次点击html编辑器。HTML(在Firefox中)已更改为:如果我在InternetExplorer中做同样的事情,HTML会变成: 为什么世界会发生变化?也许我可以更改一些TinyMCE设置?但我已经清理了:false。想法?如果我启用清理,我提到的更改就不会发生。然而,TinyMCE改变了很多其他东西。我不希望它弄乱我的代码:(任何帮助将不胜感激。 最佳答案 尝试将verify_html设置为false。文档:TinyMCEConfiguration/verify_html

javascript - 使用 JavaScript 事件处理程序和函数的 CSS3 转换不会在 Firefox 中触发

我已经建立了一个多月的画廊,布局很简单,左边是缩略图菜单,右边是画廊预览。当您单击已加载的缩略图时,它会触发一个mousdown事件,该事件会折叠缩略图区域并将画廊预览扩展到完整大小(全部使用CSS3转换)。到目前为止,一切正常,除了我创建了一个omouseover事件,当您将鼠标悬停在缩略图上时该事件会激活该功能。该函数重绘图库预览div(“图片”)的内容并创建三张图像,两张是帧中的上一张图像,一张是帧中的下一张图像(在中心)。在innerHTML中,它将CSS样式“left:”设置为724px或-724px,具体取决于它是向前还是向后。然后当生成所有这些html的函数完成时,负责监

javascript - 找出哪个 CSS 属性正在被 jQuery 动画化

我看到$element.is(':animated')告诉我$element是否正在设置动画,但是否可以查看哪些css属性正在设置动画。 最佳答案 是的,将step函数传递给animate()调用可以让您找出正在通过fx.prop设置动画的属性。以下是jQueryAPI文档中的示例:$('li').animate({opacity:.5,height:'50%'},{step:function(now,fx){vardata=fx.elem.id+''+fx.prop+':'+now;$('body').append(''+data

javascript - 使用 $http 发送 JSON 导致 Angular 发送文本/纯内容类型

我只想将以下JSONobjects发送到我的API后端:{"username":"alex","password":"password"}所以我使用Angular$http编写了以下函数:$http({method:'POST',url:'/api/user/auth/',data:'{"username":"alex","password":"alex"}',}).success(function(data,status,headers,config){//DoStuff}).error(function(data,status,headers,config){//DoStuff})

javascript - IE10 中的 HTML/文本选择

我需要通过给它一个ID选择器来选择一系列HTML。我下面的内容在Chrome和Firefox中效果很好,但在IE10(标准模式)中却不行。(旧版本的IE不是这个问题)functionselectElementContents(elementId){varelemToSelect=document.getElementById(elementId);varselection=window.getSelection();varrangeToSelect=document.createRange();rangeToSelect.selectNodeContents(elemToSelect)